<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html class="no-js">
<jsp:include page="common/common-head.jsp"/>
<body>
<!-- Main wrapper -->
<div class="wrapper" id="wrapper">
  <!-- Header -->
  <jsp:include page="common/common-top.jsp"/>
  <!-- //Header -->

  <!-- Start Bradcaump area -->
  <div class="ht__bradcaump__area bg-image--6">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="bradcaump__inner text-center">
            <h2 class="bradcaump-title">个人信息</h2>
            <nav class="bradcaump-content">
              <a class="breadcrumb_item" href="/">Home</a>
              <span class="brd-separetor">/</span>
              <span class="breadcrumb_item active">个人信息</span>
            </nav>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- End Bradcaump area -->
  <section class="wn_contact_area bg--white pt--80">
    <div class="container">
      <div class="row">
        <div class="col-lg-8 col-12">
          <div class="customer_details"><h3>个人详细信息</h3>
            <form method="post" action="/update">
              <div class="customar__field">
                <div class="margin_between">
                  <div class="input_box space_between">
                    <label>用户编号 <span>*</span></label><input type="text" value="${user.id}" readonly></div>
                  <div class="input_box space_between"><label>登录名 <span>*</span></label><input type="text"
                                                                                               value="${user.username}"
                                                                                               readonly></div>
                </div>
                <div class="input_box"><label>昵称 <span>*</span></label>
                  <input type="text" name="nickname" value="${user.nickname}" required>
                </div>
                <div class="input_box"><label>联系方式 <span>*</span></label>
                  <input type="text" name="phone" value="${user.phone}">
                </div>

                <div class="input_box"><label>地址 <span>*</span></label>
                  <input type="text" name="address" value="${user.address}">
                </div>
                <div class="margin_between">
                  <div class="input_box space_between"><label>年龄 <span>*</span></label>
                    <input type="number" name="age" value="${user.age}">
                  </div>
                  <div class="input_box space_between"><label>邮箱 <span>*</span></label>
                    <input type="email" name="email" value="${user.email}">
                  </div>
                </div>

                <div class="input_box"><label>密码 </label>
                  <input type="password" name="password">
                </div>

              </div>


              <div class="create__account" style="margin-bottom: 20px">
                <button class="btn btn-primary btn-block">更新个人信息</button>
              </div>
            </form>
          </div>

        </div>
        <div class="col-lg-4 col-12 md-mt-40 sm-mt-40">
          <div class="wn__address">
            <h2 class="contact__title">Get office info.</h2>
            <p>Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare
              quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per
              seacula quarta decima et quinta decima. </p>
            <div class="wn__addres__wreapper">

              <div class="single__address">
                <i class="icon-location-pin icons"></i>
                <div class="content">
                  <span>address:</span>
                  <p>666 5th Ave New York, NY, United</p>
                </div>
              </div>

              <div class="single__address">
                <i class="icon-phone icons"></i>
                <div class="content">
                  <span>Phone Number:</span>
                  <p>716-298-1822</p>
                </div>
              </div>

              <div class="single__address">
                <i class="icon-envelope icons"></i>
                <div class="content">
                  <span>Email address:</span>
                  <p>716-298-1822</p>
                </div>
              </div>

              <div class="single__address">
                <i class="icon-globe icons"></i>
                <div class="content">
                  <span>website address:</span>
                  <p>716-298-1822</p>
                </div>
              </div>

            </div>
          </div>
        </div>
      </div>
    </div>
  </section>


  <!-- Footer Area -->
  <jsp:include page="common/common-footer.jsp"/>
  <!-- //Footer Area -->
</div>
<!-- //Main wrapper -->


<jsp:include page="common/common-script.jsp"/>
</body>
</html>
